<template>
  <div class="boxLeft1">
    <Echarts id="id" width="280px" height="280px" :option="option"></Echarts>
  </div>
</template>
  <script>
import Echarts from "@/common/echarts/index.vue";
export default {
  name: "boxLeft1",
  components: { Echarts },
  data() {
    return {
      option: {
        legend: {
          bottom:"70",
          right:'50'
        },
        toolbox: {
          show: true,
          feature: {
            mark: { show: true },
          },
        },
        series: [
          {
            name: "Nightingale Chart",
            type: "pie",
            radius: [5, 40],
            center: ["45%", "30%"],
            roseType: "area",
            data: [
              { value: 40, name: "rose 1" },
              { value: 38, name: "rose 2" },
              { value: 32, name: "rose 3" },
              { value: 30, name: "rose 4" },
              { value: 28, name: "rose 5" },
              { value: 26, name: "rose 6" },
            ],
          },
        ],
      },
    };
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
  <style scoped lang='scss'>
.boxLeft1 {
  width: 240px;
  height: 210px;
}
</style>
  